<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../fonts/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../css/teacherInformation.css">
</head>
<body>
<!---------------------头部--------------------->
<header>
    <div class="bg-Img">
       <div class="In-Service-TC">
           <span class="inService">在职教师</span>
       </div>
    </div>
    <!--<div class="two"></div>-->
</header>
<!----------------------内容--------------------->
<section >
    <!-----------------搜索栏-------------------->
    <div class="Fill">
    </div>
    <div class="searchBar">
        <div class="fa fa-list-alt Search-H" aria-hidden="true"></div>
        <span class="Search-H Infor-l">教师信息表</span>
        <div class="Input-name">
        <input type="text" placeholder="请输入信息"  class="input-Box">
        <a href="" class=" glyphicon glyphicon-search search-Btn"></a>
        </div>
        <button class="btn btn-default Add" type="submit" data-toggle="modal" id="addTeacher" data-target=".bs-example-modal-lg">添加教师</button>
    </div>
    <!----------------教师信息表------------------>
    <table border="2" class="Table-Size Table">
        <thead>
        <tr>
            <th class="S"></th>
            <th class="M">序号</th>
            <th class="M">姓名</th>
            <th class="M">性别</th>
            <th class="B">出生日期</th>
            <th class="M">职务</th>
            <th class="M">级别</th>
            <th class="M">工号</th>
            <th class="B">教授课程</th>
            <th class="B">入职时间</th>
            <th class="B">个人简介</th>
            <th class="B">操作</th>
        </tr>
        </thead>
        <tbody  class="tbody-tr search_content bodyyy">
       <!-- <tr>
            <td class="S Item"><input type="checkbox"></td>
            <td class="M">01</td>
            <td class="M">张三</td>
            <td class="M">男</td>
            <td class="B">1980-08-04</td>
            <td class="M">测试部</td>
            <td class="M">C1</td>
            <td class="M"></td>
            <td class="B">英语</td>
            <td class="B">1982-08-09</td>
            <td class="B"></td>
            <td class="B">
                <span><i class="fa fa-pencil-square-o" data-toggle="modal" data-target="#myModal2">
                </i></span>
                <span><i class="fa fa-trash" aria-hidden="true" data-toggle="modal" data-target="#myModal3" >
                </i></span>

            </td>
        </tr>
        <tr>
            <td class="S Item"><input type="checkbox"></td>
            <td class="M">01</td>
            <td class="M">张三</td>
            <td class="M">男</td>
            <td class="B">1980-08-04</td>
            <td class="M">测试部</td>
            <td class="M">C1</td>
            <td class="M"></td>
            <td class="B">英语</td>
            <td class="B">1982-08-09</td>
            <td class="B"></td>
            <td class="B">
                <span><i class="fa fa-pencil-square-o" data-toggle="modal" data-target="#myModal2">
                </i></span>
 <span><i class="fa fa-trash" aria-hidden="true" data-toggle="modal" data-target="#myModal3">
                </i></span>
            </td>
        </tr>
        <tr>
            <td class="S Item"><input type="checkbox"></td>
            <td class="M">01</td>
            <td class="M">张三</td>
            <td class="M">男</td>
            <td class="B">1980-08-04</td>
            <td class="M">测试部</td>
            <td class="M">C1</td>
            <td class="M"></td>
            <td class="B">英语</td>
            <td class="B">1982-08-09</td>
            <td class="B"></td>
            <td class="B">
                <span><i class="fa fa-pencil-square-o" data-toggle="modal" data-target="#myModal2">
                </i></span>
 <span><i class="fa fa-trash" aria-hidden="true" data-toggle="modal" data-target="#myModal3">
                </i></span>
            </td>
        </tr>-->
        </tbody>
    </table>
</section>
<!-------------------数据操控-------------------->
<footer>
    <button class="btn btn-default Btn-L" id="allElection" type="submit">全选</button>
    <button class="btn btn-default Btn-R" id="reverseElection" type="submit">反选</button>
    <button class="btn btn-default Btn-R-Two del-all" id="Del" type="submit"   data-toggle="modal" data-target="#myModal3">删除</button>
    <!------------------------分页-------------------->
    <div class="Toggle-P ">
        <nav aria-label="Page navigation ">
            <ul class="pagination pagination-md Pag-List ">
                <li class="Page_Last active">
                    <a href="#" aria-label="Previous" class="pre">
                        <span aria-hidden="true">1</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</footer>
<!--修改弹框-->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">修改信息</h4>
            </div>
            <div class="modal-body">
                <ul class="modify-infor">
                    <li>
                <label>
                   姓名:
                </label>
                        <input type="text" placeholder="请输入" name="name" class="Infor">
                        <i class="fa fa-pencil-square-o"  id="name2"></i>
                <p></p>
                    </li>
                    <li>
                <label>
                    职务:
                </label>
                        <input type="text" placeholder="请输入" name="post" class="Infor" >
                        <i class="fa fa-pencil-square-o" id="post2"></i>
                <p></p>
                    </li>
                    <li>
                <label>
                    级别:
                </label>
                        <input type="text" placeholder="请输入" name="level" class="Infor">
                        <i class="fa fa-pencil-square-o" id="level2"></i>
                        <p></p>
                    </li>
                    <li>
                        <label>
                            课程:
                        </label>
                        <input type="text" placeholder="请输入" name="tcHcu" class="Infor">
                        <i class="fa fa-pencil-square-o" id="tcHcu2"></i>
                        <p></p>
                    </li>
                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary modify-Preser" data-dismiss="modal">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 删除弹框 -->
<div class="modal fade" id="myModal3" tabindex="-1">
    <div class="modal-dialog modal-sm" >
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span >&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">删除</h4>
            </div>
            <div class="modal-body">
                确认删除吗？
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-danger btn-del" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
<!--添加弹框-->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"  id="myModal">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" ><span aria-hidden="true">&times;</span></button>
                <h6 class="modal-title">添加教师</h6>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-lg-6 Left">
                        <figure>
                            <img src="../images/tzj-img/teacher.jpg" height="340" width="400"/>
                        </figure>
                        <label for="oTime" class="oTime">
                            入职时间:
                        </label>
                        <input type="text" placeholder="请输入" id="oTime">
                        <p></p>


                        <label for="Growth_Archives" class="Growth_Archives">
                            个人简介:
                        </label>
                        <input type="text" placeholder="输入" id="Growth_Archives">
                    </div>
                    <div class="col-lg-6 Right">
                        <label for="name">
                            姓&nbsp;&nbsp;&nbsp;&nbsp;名&nbsp;&nbsp;:&nbsp;
                        </label>
                        <input type="text" placeholder="请输入" id="name">
                        <p></p>


                        <label>
                            性&nbsp;&nbsp;&nbsp;&nbsp;别&nbsp;&nbsp;:&nbsp;
                        </label>
                        <input type="radio" id="man" name="sex"><label for="man">男</label>
                        <input type="radio" id="women" name="sex"><label for="women">女</label>
                        <p></p>


                        <label for="bthDay">
                            出生日期:
                        </label>
                        <input type="text" placeholder="请输入" id="bthDay" onkeyup="value=value.replace(/^[\d]{4}[-\ ][\d]{1,2}[-\ ][\d]{1,2}$/)" onchange="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">
                        <p></p>


                        <label for="post">
                            职&nbsp;&nbsp;&nbsp;&nbsp;务&nbsp;&nbsp;:&nbsp;
                        </label>
                        <input type="text" placeholder="请输入" id="post">
                        <p></p>


                        <label for="level">
                            级&nbsp;&nbsp;&nbsp;&nbsp;别&nbsp;&nbsp;:&nbsp;
                        </label>
                        <input type="text" placeholder="请输入" id="level">
                        <p></p>


                        <label for="Job">
                            工&nbsp;&nbsp;&nbsp;&nbsp;号&nbsp;&nbsp;:&nbsp;
                        </label>
                        <input type="text" placeholder="请输入" id="Job">
                        <p></p>


                        <label for="tcHcu">
                            课&nbsp;&nbsp;&nbsp;&nbsp;程&nbsp;&nbsp;:&nbsp;
                        </label>
                        <input type="text" placeholder="请输入" id="tcHcu">
                        <p></p>

                        <label for="dept">
                            部&nbsp;&nbsp;&nbsp;&nbsp;门&nbsp;&nbsp;:&nbsp;
                        </label>
                        <input type="text" placeholder="请输入" id="dept">
                        <p></p>

                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default Close"  data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary Open" id="Add">添加</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
<script src="../util/jquery-3.4.1.js"></script>
<script src="../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script src="../js/teacherInformation.js"></script>
</html>




